{% extends "insumos/base.html" %}
{% load i18n %}
{% block heading_content %}Insumos{% endblock %}

{% block content %}

	<div id="content" class="flex">
		<h1>Salidas de Insumos</h1>
			<div id="content-main">
				<ul class="object-tools">
					<li>
						<a class="addlink" href="/wal/insumos/crear/"> Añadir Insumo </a>
					</li>
					<li>
						<a class="addlink" href="/wal/insumos/salidas/crear/"> Añadir Salida de Insumo </a>
					</li>
				</ul>
				<div id="changelist" class="module">
					<div id="toolbar">
						<form id="changelist-search" method="GET" enctype="multipart/form-data">
							{% csrf_token %}
							<div>
								<label for="searchbar">
									<img alt="Search" src="/documents/static/django/img/admin/icon_searchbox.png">
								</label>
								{% for field in form %}
									{{ field }}
								{% endfor %}
								<input id="searchbar" type="hidden" value="" name="q" size="40">
								<input type="submit" value="Buscar">
							</div>
						</form>
					</div>
					<script type="text/javascript">
						document.getElementById("searchbar").focus();
					</script>
					<form id="changelist-form" method="POST" action="">
			            <table id="result_list" cellspacing="0">
			            	<thead>
			            		<tr>
			            			{% if ot %}
				            			{% if ot == 'asc' %}
					            			<th style="width:15%"> <a href="/wal/insumos/listar/ot=desc&o=1&page={{page}}"> Fecha </a> </th>
					            			<th style="width:15%"> <a href="/wal/insumos/listar/ot=desc&o=2&page={{page}}"> Insumo </a> </th>
					            		{% else %}
					            			<th style="width:15%"> <a href="/wal/insumos/listar/ot=asc&o=1&page={{page}}"> Fecha </a> </th>
					            			<th style="width:15%"> <a href="/wal/insumos/listar/ot=asc&o=2&page={{page}}"> Insumo </a> </th>
					            		{% endif %}
					            	{% endif %}
					            	<th style="width:8%"> Unidad de Medida </th>
			            			<th style="width:8%"> Cantidad </th>
			            			<th style="width:8%"> Retirado por </th>
			            			<th style="width:8%"> Entregado por </th>
			            			<th style="width:8%"> Observación </th>
			            			<th style="width:8%"> Acciones </th>
			            		</tr>
			            	</thead>
			            	<tbody>
			            		{% if object_list %}
				            		{% for object in object_list %}
				            			<tr class={% cycle 'row1' 'row2' %}>
				            				<td>{{ object.fecha }}</td>
				            				<td><a href="/wal/insumos/ver/{{ object.insumo.id }}">{{ object.insumo }}</a></td>
				            				<td>{{ object.insumo.unidad }}</td>
				            				<td>{{ object.cantidad }}</td>
				            				<td>{{ object.retirado }}</td>
				            				<td>{{ object.entregado }}</td>
				            				<td>{{ object.observacion }}</td>
				            				<td><a class="deletelink" href="{% url wal.insumos.views.borrarSalida object.id ot o page %}">Borrar</a></td>
				            			</tr>
				            		{% endfor %}
			            		{% else %}
        							<h1><div align="center">No hay Salidas de Insumos Registradas</div></h1>
        						{% endif %}
			            	</tbody>
			            	
						</table>
						<p class="paginator">  
						{% if previous %}
							<a href="{% url wal.insumos.views.listarSalidas ot o previous %}">Página anterior ({{ previous }})</a>
						{% endif %}
						{% if has_next %}
							{% if next %}
								<a href="{% url wal.insumos.views.listarSalidas ot o next %}">Siguiente Página ({{ next }})</a>
							{% endif %}
						{% endif %}
						</p>
					</form>
				</div>
			</div>
	</div>

{%endblock%}
